let listImgL = document.querySelectorAll(".listImg>li");
console.log(listImgL);
let listDL=document.querySelectorAll(".listD>li");
console.log(listDL);
let listL=document.querySelectorAll(".listImg>.list>li");
console.log(listL);
let lt = document.querySelector("#lt");
let gt = document.querySelector("#gt");
let flag = false;



// listL.forEach(function(item,index){
//     item.addEventListener("click",function(){
//         console.log("a");
//         listImgL[index].style.transform = "translateX(0px)";
        

//     })
// })

lt.addEventListener("click", function () {
    listImgL.forEach(function (item, index) {
        listImgL[index].style.transform = "translateX(0px)";
    });

    });

gt.addEventListener("click", function () {
    listImgL.forEach(function (item, index) {
        console.log(index);
        listImgL[index].style.transform = "translateX(-1500px)";

    });
});



listDL.forEach(function(item,index){
    item.addEventListener("mouseenter",function(){
        console.log("a");
        listImgL[index].style.transform = "translateX(-500px)";

    })
})



